<%-- 
    Document   : valorPaquetes
    Created on : 05-feb-2015, 0:23:27
    Author     : Leonardo
--%>


<ol class="breadcrumb">
    <li>Valor Precio</li>
    <li class="active">Valor Paquetes</li>
</ol>

<div class="row">
    <div class="col-md-12">
        <section class="widget">
            <header>
                <h5>
                    Panel <span class="fw-semi-bold">Valor Paquetes</span>
                </h5>
            </header>
            <div class="form-horizontal">
                <div class="widget-body">
                    <fieldset>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Paquete</label> 
                            <input type="hidden" id="idPaquete"> 
                            <div class="col-sm-2"> <input type="text" id="Paquete" placeholder="Paquete" class="form-control" data-required="true"> </div>
                            <li id="obtenerPaquetes" title="Buscar Paquetes" class="fa fa-search fa-2x"></li>
                            <div id="desplegableBuscarPaquetes"></div>       
                        </div>
                         <div class="form-group">
                            <label class="col-sm-2 control-label">Valor</label> 
                            <div class="col-sm-2"> <input type="text" id="Valor" placeholder="Valor" class="form-control" > </div>
                         </div> 
                    </fieldset>
                    <div class="form-actions">
                        <label class="col-sm-2 control-label"></label> 
                        <input type="button" id="guardarValorPaquete" class="btn btn-success" value="Guardar">
                        <input type="button" id="modificarValorPaquete" class="btn btn-primary" value="Modificar">
                        <input type="button" id="eliminarValorPaquete" class="btn btn-danger" value="Eliminar">
                    </div>
                </div>
            </div>
        </section>
    </div>
</div>
<div class="row">
    <div class="col-md-12">
        <section class="widget">
            <header>
                <h5>
                    Tabla <span class="fw-semi-bold">Valor Paquete</span>
                </h5>
                <div class="widget-controls">
                    <a href="#" title="Expand" data-widgster="expand" style="display: none;"><i class="glyphicon glyphicon-plus"></i></a>
                    <a href="#" title="Collapse" data-widgster="collapse" style="display: inline;"><i class="glyphicon glyphicon-minus"></i></a>
                </div>
            </header>
            <div class="widget-body">
                <div id="desplegableValorPaquete"></div>
            </div>
        </section>
    </div>
</div>
<script>
    javascript: cargaAjax('tablas/tabla.Personas.jsp', 'desplegableClientes', 'xTipoPersona=C');

    function abmClientes(xFuncion)
    {
        javascript: cargaAjax('intermedio/intermedio.Personas.jsp', 'recarga', 
                    'xCi=' + $('#ciCliente').val() + 
                    '&xNombre=' + $('#nombreCliente').val() + 
                    '&xApellido=' + $('#apellidoCliente').val() + 
                    '&xCelular=' + $('#celularCliente').val() + 
                    '&xTelefono=' + $('#telefonoCliente').val() + 
                    '&xDireccion=' + $('#direccionCliente').val() +  
                    '&xTipoPersona=C' +  
                    '&xFuncion='+xFuncion);  
    }

    $('#guardarValorPaquete').click(function(){
        abmClientes(0);
    });

    $('#eliminarValorPaquete').click(function(){
        abmClientes(1);
    });

    $('#modificarValorPaquete').click(function(){
        abmClientes(2);
    });
    
    $('#obtenerPaquetes').click(function(){
        javascript: cargaAjax('tablas/buscar.Paquetes.jsp', 'desplegableBuscarPaquetes', '');  
    });
</script>